$.fn.extend({
    "del":function(callback){
      var oHTML='<div class="x-model">'+
      '<div class="model">' +
        '<div class="head">'+
          '<div class="title">删除提示</div><img class="i-close" src="img/i-close.png">'+
        '</div>'+
        '<div class="mian">' +
          '<p class="del-info">确认删除这条提示？</p>'+
        '</div>'+
          '<div class="foot">'+
            ' <button class="sure">确定</button>'+
            '<button class="canel">取消</button>'+
          '</div>'+
        '</div>'+
      '</div>'
      $("body").append(oHTML)
      $('.x-model,.x-model .sure,.i-close').on('click',function(){
          $('.x-model').remove();
          callback.call(this,true);
      })
      $('.x-model .canel,.i-close').on('click',function(){
        $('.x-model').remove();
        callback.call(this,false);
      })
      $('.model').on('click',function(e){
        e.stopPropagation()
      })
    },
    "collect":function(callback){
      var oHTML='<div class="x-model">'+
      '<div class="model">' +
        '<div class="head">'+
          '<div class="title">收藏提示</div><img class="i-close" src="img/i-close.png">'+
        '</div>'+
        '<div class="mian">' +
          '<p>确认收藏这条情报喔~</p>'+
        '</div>'+
          '<div class="foot">'+
            ' <button class="sure">确定</button>'+
            '<button class="canel">取消</button>'+
          '</div>'+
        '</div>'+
      '</div>'
      $("body").append(oHTML)
        $('.x-model .sure').on('click',function(){
          $('.x-model').remove();
          callback.call(this,true);
      })
      $('.x-model .canel,.i-close').on('click',function(){
        $('.x-model').remove();
        callback.call(this,false);
      })
      $('.model').on('click',function(e){
        e.stopPropagation()
      })
    },
    "msg":function(callback){
      var oHTML='<div class="x-model">'+
      '<div class="model">' +
        '<div class="head">'+
          '<div class="title">收藏提示</div><img class="i-close" src="img/i-close.png">'+
        '</div>'+
        '<div class="mian">' +
          '<p class="add-info">确认收藏这条情报喔~</p>'+
          '<p class="c-info"><span>备注：</span>'+
              '<input type="text" placeholder="请输入备注信息（限20字）">'+
          '</p>'+
        '</div>'+
          '<div class="foot">'+
            ' <button class="sure">确定</button>'+
            '<button class="canel">取消</button>'+
          '</div>'+
        '</div>'+
      '</div>'
      $("body").append(oHTML)
      $('.x-model .sure').on('click',function(){
        $('.x-model').remove();
        callback.call(this,true);
      })
      $('.x-model .canel,.i-close').on('click',function(){
        $('.x-model').remove();
        callback.call(this,false);
      })
      $('.x-model .sure').on('click',function(){
        return true
      })
    },
    "addsucuss":function(callback){
      var oHTML='<div class="x-model">'+
      '<div class="model">' +
        '<div class="head">'+
          '<div class="title">添加成功</div><img class="i-close" src="img/i-close.png">'+
        '</div>'+
        '<div class="mian">' +
          '<p class="message">网站添加成功</p>'+
          '<p>将在4-6个小时进行采集~</p>'+
        '</div>'+
          '<div class="foot">'+
            '<button class="msg">知道了</button>'+
          '</div>'+
        '</div>'+
      '</div>'
      $("body").append(oHTML)
      $('.x-model .sure').on('click',function(){
        $('.x-model').remove();
        callback.call(this,true);
      })
      $('.x-model .canel,.i-close').on('click',function(){
        $('.x-model').remove();
        callback.call(this,false);
      })
      $('.model').on('click',function(e){
        e.stopPropagation()
      })
    },
    "addweb":function(callback){
      var oHTML='<div class="x-model">'+
      '<div class="model">' +
        '<div class="head">'+
          '<div class="title">添加网站</div><img class="i-close" src="img/i-close.png">'+
        '</div>'+
        '<div class="mian">' +
          '<p class="webname"><span>网站名称</span><input type="text" placeholder="请输入网站名称"></p>'+
          '<p class="weburl"><span>国别</span><input type="text" placeholder="请输入国别"></p>'+
        '</div>'+
          '<div class="foot">'+
            '<button class="sure">确定</button>'+
            '<button class="canel">取消</button>'+
          '</div>'+
        '</div>'+
      '</div>'
      $("body").append(oHTML)
      $('.x-model .sure').on('click',function(){
        $('.x-model').remove();
        callback.call(this,true);
      })
      $('.x-model .canel,.i-close').on('click',function(){
        $('.x-model').remove();
        callback.call(this,false);
      })
      $('.x-model .sure').on('click',function(){
        return true
      })
    }
})